<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>CSS字体属性之字体系列</title>
    <style>
        .bold {
            /* font-weight: bold; */
            /* 这个700 的后面不要跟单位 等价于bold都是加粗的效果 */
            /* 实际开发中，我们更提倡使用数字 表示加粗或者变细 */
            font-weight: 700;
        }
        h2 {
            font-weight: 400;
            /* font-weight: normal; */
        }
    </style>
</head>

<body>
    <h2>赠卫八处士 唐·杜甫</h2>
    <p>人生不相见，动如参与商。</p>
    <p>今夕复何夕，共此灯烛光。</p>
    <p>少壮能几时，鬓发各已苍。</p>
    <p>访旧半为鬼，惊呼热中肠。</p>
    <p>焉知二十载，重上君子堂。</p>
    <p>昔别君未婚，儿女忽成行。</p>
    <p>怡然敬父执，问我来何方。</p>
    <p>问答乃未已，驱儿罗酒浆。</p>
    <p>夜雨翦春韭，新炊间黄粱。</p>
    <p>主称会面难，一举累十觞。</p>
    <p>十觞亦不醉，感子故意长。</p>
    <p class="bold">明日隔山岳，世事两茫茫。</p>
</body>

</html>